<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>shadow</title>
		<style>
			/*p{
				width: 500px;
				font-size: 80px;
				color: red;
				text-shadow: -2px 0 black, 0 2px yellow,2px 0 blue,0 -2px green;
				box-shadow: 2px 2px 2px 2px;
            }*/
            body{
            	background-color: blue;
            }
            .box1{
            	margin: 80px;
            	width: 300px;
            	height: 80px;
            	text-align: center;
            	line-height: 80px;
            	border: 1px solid #eee;
            	border-radius: 3px;
            }
            .box1:hover{
            	box-shadow: 0 0 5px #0000cc;
            }
            p{
            	width: 400px;
            	height: 400px;
            	background-color: white;
            	margin: 200px;
                border-image: url(img/图片1.png);
            	border-radius: 100%;
            	border-width: 30px;
            	box-shadow: 0px 0px 100px yellow,0px 0px 100px yellow,0px 0px 100px yellow,0px 0px 100px yellow;
            }
		</style>
	</head>
	<body>
		<!--<p>阴影效果测试</p>-->
		<p></p>
	</body>
</html>
